.dialog-content {
  overflow: auto;
}
.dialog-toolbar {
  position: relative;
  padding: 2px 5px;
}
.dialog-tool-separator {
  float: left;
  height: 24px;
  border-left: 1px solid #ccc;
  border-right: 1px solid #fff;
  margin: 2px 1px;
}
.dialog-button {
  position: relative;
  top: -1px;
  padding: 5px;
  text-align: right;
}
.dialog-button .l-btn {
  margin-left: 5px;
}
.dialog-toolbar,
.dialog-button {
  background: #F4F4F4;
  border-width: 1px;
  border-style: solid;
}
.dialog-toolbar {
  border-color: #F4F4F4;
}
.dialog-button {
  border-color: #F4F4F4;
}
.window-thinborder .dialog-toolbar {
  border-left: transparent;
  border-right: transparent;
  border-top-color: #F4F4F4;
}
.window-thinborder .dialog-button {
  top: 0px;
  padding: 5px 8px 8px 8px;
  border-left: transparent;
  border-right: transparent;
  border-bottom: transparent;
}

.panel{
	&.window{
		padding:0;
	}
}

.window.dialog,.panel.dialog{
	.window-header{
		height:38px;
		line-height:38px;
		color:#fff;
		padding:0;
		background: #1da028;
	}

	.panel-title{
		height:38px;
		line-height:38px;
		color:#fff;
		font-size:13px;
	}

	&,.window-body{
		border:1px solid #bfbfbf;
	}
}

.window.dialog .window-header, .panel.dialog .window-header {
    padding-left: 5px;
}

.dialog.window .window-header .panel-icon {
    left: 6px;
    margin-top: -8px;
}

.dialog{
  .panel-icon,
  .panel-tool {
    position: absolute;
    top: 50%;
    margin-top: -8px;
    height: 20px;
    overflow: hidden;
  }

  .panel-tool-close {
    /*background: url('images/panel_tools.png') no-repeat -16px 0px;*/
    width: 20px !important;
    height: 20px !important;
    background: image-url('new/dialog_close.png') no-repeat 0 0px;
    &:hover{
      background-color:#1da028 !important;
      background: image-url('new/dialog_close.png') no-repeat -20px 0px;
    }
  }
}

//add by gh
.window.panel, .panel.dialog{
  border: 0;
  background: image-url('dialog_bg.png') no-repeat;
  background-size: 100%;
  .panel-body.window-body{
    .panel.layout-panel.panel-htop{
      background: transparent;
    }
  }
}

.panel.window{
  padding: 10px 20px 45px 20px;
}

.window-shadow{
  background: transparent !important;
  box-shadow: none !important;
}

.window.dialog .window-body,.panel.dialog .window-body{
  background-color: transparent;
}
.window.panel .window-header, .panel.panel-htop .window-header{
  height: 44px;
  line-height: 44px;
  color: #4bd3ff;
  background: transparent;
  .panel-title{
    padding-left: 25px;
    height: 44px;
    line-height: 44px;
    color: #4bd3ff;
    background: url(images/bottom-line.png) left bottom no-repeat;
    font-size: 16px;
    text-indent: 27px;
    background-position: 2px 36px;
    &:before {
      position: absolute;
      left: 2px;
      top: 0px;
      content:url(images/ico.png)
    }
  }
  .panel-tool{
    right: 21px;
    margin-top: -2px;
    a{
      display: inline-block;
      width: 16px;
      height: 16px;
      margin: 0 0 0 2px;
      vertical-align: top;
      margin-left: 18px;
      &:hover{
        background-color: transparent !important;
        border-radius: 0;
      }
    }
    .panel-tool-min{
      background: url(images/new/min.png) no-repeat;
    }
    .panel-tool-max{
      background: url(images/new/full.png) no-repeat;
    }
    .panel-tool-close{
      background: url(images/new/close.png) no-repeat;
    }
  }
}
.panel-header-noborder{
  border-width: 0;
}